class Observer {
    constructor(data) {
        this.walk(data)
    }
    // 将data对象中所有属性转换成响应式的
    walk(data) {
        // 判断data中是否是对象或者不存在，如果是直接返回
        if (!data || typeof data !== 'object') return
        Object.keys(data).forEach(key => {
            this.defineReactive(data, key, data[key])
        })
    }
    defineReactive(obj, key, value) {
        let that = this
        // 创建dep对象,负责收集依赖并发送通知
        let dep = new Dep()
        // 如果value就是对象的话
        this.walk(value)
        Object.defineProperty(obj, key, {
            enumerable: true,
            configurable: true,
            get() {
                // 收集依赖
                Dep.target && dep.addSub(Dep.target)
                return value
            },
            set(newValue) {
                if (value === newValue) return
                value = newValue
                // 如果newValue也是一个对象的话
                that.walk(newValue)
                // 发送通知
                dep.notify()
            }
        })
    }
}